<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>游记分享-红色阳泉</title>
  <link rel="shortcut icon" href="myico2.ico" type="image/x-icon">
  <link rel="stylesheet" href="./css/reset.min.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/message.css">
  <link rel="stylesheet" href="./css/iconfont.css">
</head>

<body>
  <div class="container">
    <header>
      <div class="nav-top">
        <div class="login-nav">
          <a href="login.html">登录</a>|
          <a href="regist.html">注册</a>
        </div>
      </div>
      <nav>
        <div class="logo">
          <img src="./images/logo2.png" alt="">
        </div>
        <div class="nav-ver">
          <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="news.html">新闻公告</a></li>
            <li>
              <a href="scenic.html">玩转阳泉</a>
              <ul class="drop">
                <li><a href="scenic.html">景点推荐</a></li>
                <li><a href="route.html">精选路线</a></li>
                <li><a href="story.html">红色故事</a></li>
              </ul>
            </li>
            <li><a href="active.html">活动演出</a></li>
            <li><a href="message.html">游记分享</a></li>
          </ul>
          <div class="drop-menu">
            <label class="iconfont icon-caidan--kuai" for="menu"></label>
            <input type="checkbox" id="menu">
            <ul>
              <li><a href="index.html">首页</a></li>
              <li><a href="news.html">新闻公告</a></li>
              <li>
                <label for="menuInner">玩转阳泉</label>
                <input type="checkbox" id="menuInner">
                <ul class="drop">
                  <li><a href="scenic.html">景点推荐</a></li>
                  <li><a href="route.html">精选路线</a></li>
                  <li><a href="story.html">红色故事</a></li>
                </ul>
              </li>
              <li><a href="active.html">活动演出</a></li>
              <li><a href="message.html">游记分享</a></li>
              <li><a href="login.html">登录</a></li>
            </ul>
          </div>
        </div>
      </nav>
      <div class="banner"></div>
    </header>
    <article>
      <!-- 面包屑 -->
      <div class="breadcrumb-box">
        <div class="breadcrumb">
          <i class="iconfont icon-shouye"></i> 您当前所在位置：<a href="index.html">首页</a> > <a href="#"
            class="activeHref">游记分享</a>
        </div>
      </div>
      <div class="mes-box">
        <h2>大家可以在此处分享自己的一些攻略和建议</h2>
        <form action="">
          <textarea id="" cols="30" rows="10" placeholder="有什么想对游客朋友们说的(300字以内)..." maxlength="300"></textarea>
          <button>提交</button>
        </form>
        <h3>全部留言 <span>20</span> </h3>
        <ul class="mes-all">
          <li>
            <div class="mes-left">
              <img src="images/scenic-view1.jpg" alt="">
            </div>
            <div class="mes-right">
              <h5>不知名驴友 <span>2023/3/23</span></h5>
              <p>
                秋风前夕，我们三人到狼峪抗战遗址瞻仰。 狼峪村不算大，隶属于旧街乡南沟村。 村里安安静静的，偶尔有小车出入。即将成熟的枣树果实累累，压弯了枝头。
                房屋的外墙和道边护墙都刷了灰色，还点缀着鲜红的五角星，昭示：这里是红色景区。
              </p>
              <p>
                登上草帽山仰望高高耸立着＂百团大战，光照千秋＂的纪念碑，我们心情凝重，抗日战争时期，这里曾是硝烟弥漫的战场，阻击战，破袭战是百团大战的组成部分，抗战将士们冒着枪林弹雨，出生入死，英勇战斗，顽强拼搏。范子侠将军和多位英雄就牺牲在这里。
              </p>
            </div>
          </li>
          <li>
            <div class="mes-left">
              <img src="images/active-view2.jpg" alt="">
            </div>
            <div class="mes-right">
              <h5>一只小驴友 <span>2023/3/23</span></h5>
              <p>
                登上草帽山仰望高高耸立着＂百团大战，光照千秋＂的纪念碑，我们心情凝重，抗日战争时期，这里曾是硝烟弥漫的战场，阻击战，破袭战是百团大战的组成部分，抗战将士们冒着枪林弹雨，出生入死，英勇战斗，顽强拼搏。范子侠将军和多位英雄就牺牲在这里。
              </p>
            </div>
          </li>
          <li>
            <div class="mes-left">
              <img src="images/scenic-view1.jpg" alt="">
            </div>
            <div class="mes-right">
              <h5>不知名驴友 <span>2023/3/23</span></h5>
              <p>
                秋风前夕，我们三人到狼峪抗战遗址瞻仰。 狼峪村不算大，隶属于旧街乡南沟村。 村里安安静静的，偶尔有小车出入。即将成熟的枣树果实累累，压弯了枝头。
                房屋的外墙和道边护墙都刷了灰色，还点缀着鲜红的五角星，昭示：这里是红色景区。
              </p>
              <p>
                登上草帽山仰望高高耸立着＂百团大战，光照千秋＂的纪念碑，我们心情凝重，抗日战争时期，这里曾是硝烟弥漫的战场，阻击战，破袭战是百团大战的组成部分，抗战将士们冒着枪林弹雨，出生入死，英勇战斗，顽强拼搏。范子侠将军和多位英雄就牺牲在这里。
              </p>
            </div>
          </li>
          <li>
            <div class="mes-left">
              <img src="images/active-view2.jpg" alt="">
            </div>
            <div class="mes-right">
              <h5>一只小驴友 <span>2023/3/23</span></h5>
              <p>
                登上草帽山仰望高高耸立着＂百团大战，光照千秋＂的纪念碑，我们心情凝重，抗日战争时期，这里曾是硝烟弥漫的战场，阻击战，破袭战是百团大战的组成部分，抗战将士们冒着枪林弹雨，出生入死，英勇战斗，顽强拼搏。范子侠将军和多位英雄就牺牲在这里。
              </p>
            </div>
          </li>
          <li>
            <div class="mes-left">
              <img src="images/active-view2.jpg" alt="">
            </div>
            <div class="mes-right">
              <h5>一只小驴友 <span>2023/3/23</span></h5>
              <p>
                登上草帽山仰望高高耸立着＂百团大战，光照千秋＂的纪念碑，我们心情凝重，抗日战争时期，这里曾是硝烟弥漫的战场，阻击战，破袭战是百团大战的组成部分，抗战将士们冒着枪林弹雨，出生入死，英勇战斗，顽强拼搏。范子侠将军和多位英雄就牺牲在这里。
              </p>
            </div>
          </li>
        </ul>
        <div class="page-box">
          <p><span>上一页</span> <a>2</a> <span>上一页</span></p>
        </div>
      </div>

    </article>
    <footer>
      <div class="footer">
        <p> Copyright © 红色阳泉 版权所有 </p>
        <p> All Rights Reserved </p>
      </div>
    </footer>
  </div>
  <script src="js/rem.js"></script>
  <script src="./js/vue.min.js"></script>


</body>

</html>